var path = require("path");
var ExtractTextWebpackPlugin = require("extract-text-webpack-plugin");

module.exports = {
  entry: {
    app: "./src/app.js"
  },
  output: {
    path: path.resolve(__dirname, "dist"),
    publicPath: "./dist/",
    filename: "[name].bundle.js"
  },

  module: {
    rules: [
      {
        test: /\.css$/,
        use: ExtractTextWebpackPlugin.extract({
          fallback: {
            loader: "style-loader",
            options: {
              // insertInto: "#app",
              singleton: true,
              transform: "./css.transform.js"
            }
          },
          use: [
            {
              loader: "css-loader",
              options: {
                minimize: true,
                modules: true,
                localIdentName: "[local]"
              }
            },
            {
              loader: 'postcss-loader',
              options: {
                ident: 'postcss',
                plugins: [
                  // require('autoprefixer')(),
                  //新语法处理 和样式兼容
                  require('postcss-cssnext')()
                  //压缩
                  // require('cssnano')()               
                ]
              }
            }
          ]
        })
        //  [
        //   {
        //     // loader: 'style-loader/useable'
        //     // loader: 'style-loader/url'
        //     loader: "style-loader",
        //     options: {
        //       // insertInto: "#app",
        //       singleton: true,
        //       transform: "./css.transform.js"
        //     }
        //   },
        //   {
        //     // loader: "css-loader"
        //     // loader: 'file-loader'
        //     loader: "css-loader",
        //     options: {
        //       minimize: true,
        //       modules: true,
        //       // localIdentName:'[path][name][local]'
        //       localIdentName:'[local]'
        //     }
        //   },
        // {
        //   loader:'less-loader'
        // }
        // ]
      }
    ]
  },

  plugins: [
    new ExtractTextWebpackPlugin({
      filename: "[name].min.css",
      allChunks: false
    })
  ]
};
